<!DOCTYPE HTML>
<html lang="zxx">
	<head>
	<title>登录</title>
	<!-- Meta tag Keywords -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="UTF-8" />
	<meta name="keywords" content="Triple Forms Responsive Widget,Login form widgets, Sign up Web forms , Login signup Responsive web form,Flat Pricing table,Flat Drop downs,Registration Forms,News letter Forms,Elements" />
	<script>
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>
	<!-- Meta tag Keywords -->

	<!-- css files -->
	<link rel="stylesheet" href="static/css/style.css" type="text/css" media="all" />
	<!-- Style-CSS -->
	<link href="static/css/font-awesome.min.css" rel="stylesheet">
	<!-- Font-Awesome-Icons-CSS -->
	<!-- //css files -->

	</head>

	<body>
    <div class="main-bg" id="mian"> 
      <!-- title -->
      <h1>徽翼签会员登录</h1>
      <!-- //title -->
      <div class="sub-main-w3">
        <!-- vertical tabs -->
        <div class="vertical-tab">
          <div id="section1" class="section-w3ls">
            <input type="radio" name="sections" id="option1" checked>
            <label for="option1" class="icon-left-w3pvt"><span class="fa fa-user-circle" aria-hidden="true"></span>客户登录</label>
            <article>
              <form action="/" method="post">
                <h3 class="legend">客户登录</h3>
                <div class="input"> 
				  <span class="fa fa-envelope-o" aria-hidden="true"></span>
                  <input type="email" v-model="logindata.email" placeholder="邮箱" name="email" required />
                </div>
                <div class="input"> 
				  <span class="fa fa-key" aria-hidden="true"></span>
                  <input type="password" v-model="logindata.password" placeholder="密码" name="password" required />
                </div>
                <div class="input" style="padding: 0px;text-align: center"> 
				<a href="/" class="btn submit">登 录</a>
                </div>
				<!--用于测试提交数据请用下方button按钮-->
                <!--<button type="submit" class="btn submit">登 录</button>-->
				<div style="clear: both"></div>
                <a href="forget_01.html" class="bottom-text-w3ls">忘记密码?</a>
                <a href="jion.html" class="bottom-text-w3ls">注册账号</a>
				<div style="clear: both"></div>
              </form>
            </article>
          </div>
          <div id="section2" class="section-w3ls">
            <input type="radio" name="sections" id="option2">
            <label for="option2" class="icon-left-w3pvt"><span class="fa fa-pencil-square" aria-hidden="true"></span>员工登录</label>
            <article>
              <form action="/" method="post">
                <h3 class="legend">员工登录</h3>
                <div class="input"> 
				  <span class="fa fa-envelope-o" aria-hidden="true"></span>
                  <input type="email" v-model="logindata.email" placeholder="邮箱" name="email" required />
                </div>
                <div class="input"> 
				  <span class="fa fa-key" aria-hidden="true"></span>
                  <input type="password" v-model="logindata.password" placeholder="密码" name="password" required />
                </div>
                <div class="input" style="padding: 0px;text-align: center"> 
				<a href="/" class="btn submit">登 录</a>
                </div>
				<!--用于测试提交数据请用下方button按钮-->
                <!--<button type="submit" class="btn submit">登 录</button>-->
				<div style="clear: both"></div>
                <a href="forget_01.html" class="bottom-text-w3ls">忘记密码?</a>
                <a href="jion.html" class="bottom-text-w3ls">注册账号</a>
				<div style="clear: both"></div>
              </form>
            </article>
          </div>
          <div id="section3" class="section-w3ls">
            <input type="radio" name="sections" id="option3">
            <label for="option3" class="icon-left-w3pvt"><span class="fa fa-lock" aria-hidden="true"></span>供应商登录</label>
            <article>
              <form action="/" method="post">
                <h3 class="legend">供应商登录</h3>
                <div class="input"> 
				  <span class="fa fa-envelope-o" aria-hidden="true"></span>
                  <input type="email" v-model="logindata.email" placeholder="邮箱" name="email" required />
                </div>
                <div class="input"> 
				  <span class="fa fa-key" aria-hidden="true"></span>
                  <input type="password" v-model="logindata.password" placeholder="密码" name="password" required />
                </div>
                <div class="input" style="padding: 0px;text-align: center"> 
				<a href="/" class="btn submit">登 录</a>
                </div>
				<!--用于测试提交数据请用下方button按钮-->
                <!--<button type="submit" class="btn submit">登 录</button>-->
				<div style="clear: both"></div>
                <a href="forget_01.html" class="bottom-text-w3ls">忘记密码?</a>
                <a href="jion.html" class="bottom-text-w3ls">注册账号</a>
				<div style="clear: both"></div>
              </form>
            </article>
          </div>
        </div>
        <!-- //vertical tabs -->
        <div class="clear"></div>
      </div>
      <!-- copyright -->
      <div class="copyright">
        <h2></h2>
      </div>
      <!-- //copyright --> 
    </div>
</body>
<script src="static/js/vue.min.js"></script>
<script>
new Vue({
    el:'#mian',
    data: {
        nowYear:new Date().getFullYear(),
        logindata:{
				email:"123@foxmail.com",
				password:"admin123"
			},
			registerdata:{
				name:"123@foxmail.com",
				password:"admin123",
				confirmPassword:"admin123"
			},
			forgetdata:{
				email:"123@foxmail.com",
			}
    }
});
</script>
</html>
